/*reset the style*/

body{
    font-family: "Microsoft YaHei","SimSun", "Microsoft JhengHei", "SimHei", "YouYuan", sans-serif;
}
body,dl,dd,ul,ol,figure ,h1,h2,h3,h4,h5,h6,p,pre,blockquote,
form ,fieldset,legend ,input,button,select,textarea {
    margin: 0;
    padding: 0;
    /*font-family: Microsoft YaHei;*/
}
/*
 * Add block display for HTML5 elements
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

ul,li{
    list-style: none;
}
/*背景图片*/
html,body{
    background: #fff;
    width:100%;
    height:100%;
    margin:0;
    padding: 0;
    overflow: hidden;
}
body{
    position: relative;
    background: radial-gradient(#FFFDF8 20%, #E0E1DF 100%);
}
#canvas{
    position: relative;
    z-index: 500;
}

/*底部导航*/
#footer{
    width:100%;
    height:48px;
    position: absolute;
    bottom:0;
    text-align: center;
    display: none;
    background-color: rgba(255,255,255,.3);
}
#logo{
    color:#84827f;
    font-weight: bold;
    cursor:pointer;
    line-height: 48px;
    position: absolute;
    font-size: 28px;
    left:30px;
    z-index: 801;
}
#nav{
    /*margin-top:10px;*/
    position: absolute;
    right:6%;
    text-align: center;
    z-index:801;
}
#nav li{
    cursor:pointer;
    line-height:20px;
    color:#72706D;
    font-size: 12px;
    float: left;
    margin:18px 0;
    margin-left:64px;
}
.active{
/*#nav .show.active{*/
    border-bottom:1px solid #7c7c7c;
}
/*弹框*/
#content{
    width: 1260px;
    height:82%;
    /*border-radius: 10px;*/
    position: absolute;
    top:10%;
    left:0;
    right:0;
    bottom: 10%;
    margin:auto;
    z-index: 900;
    text-align: center;
    overflow-y:scroll;
    display: none;
}
#content::-webkit-scrollbar{
    width:0px;
}
/*遮罩层*/
#cover{
    width:100%;
    height:2000px;
    /*height:100%;*/
    top:0;
    background: #eee;
    opacity:0.3;
    position:absolute;
    display:none;
    z-index: 1002;
}
/*弹框导航*/
#container-nav{
    /*background: #e0d8d8;*/
    position:fixed;
    width:100%;
    display: none;
    z-index: 1004;
}

#container-navs{
    width:500px;
    margin-left:20px;

    /*margin-left:190px;*/
    zoom:1;
}
#container-navs li{
    font-size: 18px;
    color:#69665d;
    font-weight:normal;
}
/*#container-navs #home{
    font-weight: normal;

}*/
#container-navs li:last-child{
    color:#3c9fff;
}
/*清浮动*/
#container-navs:after,#container-navs:before,#category:after{
    display:table;
    content:"";
}
#container-navs:after,#category:after{
    clear:both;
}


#container-navs li{
    float:left;
    margin-left:10px;
    height:60px;
    line-height:60px;
    text-align: center;
}
/*关闭按钮*/
#closeD{
    width:36px;
    height:36px;
    color:#544e4e;
    line-height:100%;/*实现字体居中不会留空隙*/
    font-size: 32px;
    border:2px solid #544e4e;
    border-radius: 50%;
    position: absolute;
    top:8px;
    right:1%;
    z-index:1010;
}
#mainContent{
    width:100%;
    margin-top:8%;
    position:relative;
    zoom:1;
    z-index:1001;
}
/*关于页面*/
#aAside{
    width:200px;
    /*position:fixed;*/
    position:absolute;
    top:200px;
    left:3%;
    z-index: 1002;
}
#aAside div:first-child,#jAside div:first-child,#STitle div:first-child{
    text-align: start;
    font-size:36px;
    color: #69665d;
}
#aAside div:nth-child(2),#jAside div:nth-child(2){
    margin-top:2px;
    border-bottom: 1px solid #676767;
}
#aAside div:last-child,#jAside div:last-child,#STitle div:last-child{
    text-align: start;
    margin-top:6px;
    font-size: 18px;
    color:#595959;
}
#aArticle,#tArticle,#jArticle{
    width:700px;
    float:right;
    margin-top:-40px;
    margin-right:40px;
}
#aArticle figure{
    margin-bottom:32px;
}
#aArticle figure img{
    width:700px;
}
#aArticle p{
    margin-bottom: 16px;
    text-align: start;

}
#aArticle p span{
    /*font-size: 22px;*/
    height: 26px;
    display: inline-block;
    vertical-align: -4px;
    border-left:4px solid #ffd129;
    margin-right: 10px;

}
#aArticle figure p:first-child{
    font-size: 28px;
    color:#69665d;
}
#aArticle figure .lighter{
    color:#4d4a3f;
    font-size: 16px;
    font-weight: lighter;
}

#aArticle figure h5{
    margin:16px 0;
    border-bottom: 1px solid #676767;
}

#asideR{
    width:500px;
    margin-top: -112px;
}
/************unit页面*****************/
/*三角形*/
#triangle{
    width:392px;
    height:784px;
    border-radius: 0 392px 392px 0;
    background-image: linear-gradient(-90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 100%);
    position:absolute;
    top:60px;
    z-index: 1003;
}


#smipleItr{
    width:300px;
    position:absolute;
    top:436px;
    left:40px;
    z-index: 1003;
}
#smipleItr li{
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    display: none;
}
#smipleItr li:nth-child(4){
    display:block;
}
#asideS{
    width: 450px;
    height: 400px;
    padding-top: 120px;
    margin-left: 360px;
    display:inline-block;
}
#asideS li{
    font-size: 30px;
    color:#69665d;
    text-align: start;
    position:absolute;
    z-index: 1003;

}
#asideS li.show0.actives{
        font-size: 32px;
        font-weight: bold;
}

#asideS li small{
    width:18px;
    height:18px;
    display:inline-block;
    background-color:#fcce5b;
    border-radius:50%;
    margin-right:12px;
    vertical-align: 2px;

}
/*右边上下滚动*/
#asideS li:nth-child(1){
    top:200px;
    left:328px;
}
#asideS li:nth-child(2){
    top:330px;
    left:386px;
}
#asideS li:nth-child(3){
    top:440px;
    left:398px;
}
#asideS li:nth-child(4){
    top:560px;

    left:376px;
}
#asideS li:nth-child(5){
    top:660px;
    left:324px;
}
/*返回*/
#back{
    font-size:22px;
    /*float: right;*/
    color:#69665d;
    position: absolute;
    right: 0;
    top:52px;
    display: none;
    z-index: 1003;
}
/*右侧标题*/
#title0{
    position:absolute;
    right:80px;
    top:400px;
    color:#595959;
    text-align: start;
    z-index: 1003;
}
#title0 div:first-child{
    font-size:36px;
}
#title0 div:nth-child(2){
    margin-top:2px;
    border-bottom: 1px solid #595959;
}
#title0 div:last-child{
    margin-top:2px;
    font-size: 20px;
}
#details{
    width:50%;
    margin-left: 58px;
    text-align: start;
    position:relative;
    z-index: 1003;
}
#details .showDtl{
    position:absolute;
    top:0;
    left:0;
    display: none;
}
.showDtl h3{
    color:#69665d;
}
.showDtl .lined{
    margin: 10px 0;
    border-bottom: 1px solid #69665d;;
}
/**********服务页面***********/
#service{
    margin:-74px 10px 0 10px;
    position:relative;
}

#service div{
    margin-top:20px;
}
#service h2{
    color:#69665d;
    font-size: 28px;
    font-weight: normal;
    text-align: left;
    padding-left:48px;
}
#service h2 span{
    height: 27px;
    display: inline-block;
    vertical-align: -4px;
    border-left: 4px solid #ffd129;
    margin-right: 10px;
}
#service div:first-child{
    position: relative;
}
#client{
    width:100%;
    height:380px;
}
.clientC{
    width:90%;
    height:340px;
    margin-left: 48px;
    border:1px solid #fff;
    position:relative;
    background-color: rgba(255,255,255,.3);
}
.clients,.clientsd{
    width:100%;
    position:relative;
    z-index: 1004;
}
.clients:after,.clientsd:after{
    content: '';
    display: table;
    clear:both;
}
.clients li{
    float:left;
    margin: 64px 32px 10px 32px;
}
.clientsd li{
    float:left;
    margin: 46px 28px 10px 32px;
}

#work figure h3{
    width:720px;
    color: #4d4a3f;
    font-size: 16px;
    font-weight: lighter;
    text-align: left;
    padding-left:108px;
}
#work figure h3, #work figure img{
    margin-top:10px;
}
#work figure img{
    width:744px;
    filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -webkit-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -moz-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -ms-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -o-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
}
#work figure img:hover{
    filter:none;
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
}
#work figure p{
    width:746px;
    margin-top: 1px;
    margin-left: 108px;
    border-bottom: 1px solid #676767;
}
#work figure{
    width:960px;
    margin-left: -42px;
}
#STitle{
    color: #69665d;
    position: absolute;
    right:7%;
    top:380px;
}
#STitle p{
    margin-top:2px;
    border-bottom: 1px solid #676767;
}
/********团队页面*******/
#tArticle img{
    height:226px;
}
#introduce{
    height:180px;
    margin-top:10px;
    text-align: start;
    color:#69665d;
    position: relative;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: rgba(255,255,255,.3);
}
#introduce ul{
    position: relative;
    z-index: 1003;
}

#introduce li.tItr{
    position:absolute;
    top:10px;
    left:10px;
    display: none;
}
#introduce li.tItr h3{
    padding: 0;
}
#introduce li.tItr p{
    padding-top:6px;
}
#introduce li.tItr:last-child{
    display: block;
}
#imgM{
    margin-top:14px;
 }

#imgM:after{
    content: '';
    display: table;
    clear: both;
}
#imgM img.showt{
    float: left;
}
img.showsC{
    filter: grayscale(1);
    -webkit-filter:grayscale(1);
    -moz-filter:grayscale(1);
    -ms-filter:grayscale(1);
    -o-filter:grayscale(1);
    transition:-webkit-filter 2.5s;
}
img.showsC:hover{
    filter:none;
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
}
/*************join页面***************/
#jAside{
    width:200px;
    position:absolute;
    top:166px;
    left:8%;
}
#jArticle{
    text-align: start;
    width:820px;
    border: 1px solid #fff;
    border-radius:4px;
    margin-right:0;
    padding-left: 42px;
    padding-bottom: 300px;
    position:relative;
    background-color: rgba(255,255,255,.6);
}
.jArticle{
    margin-top:22px;
    margin-left: 56px;
    position: relative;
    z-index:1004;
}
#jArticle h2{
    margin-left: 56px;
    font-size:24px;
    color:#69665d;
    font-weight: normal;
    padding-top:38px;
    position:relative;
    z-index: 1004;
}
#jArticle h3{
    width:80%;
    margin-left: 56px;
    padding-top: 20px;
    font-size: 18px;
    font-weight: lighter;
    position:relative;
    z-index: 1004;
}
#category,#dates{
    margin-top:20px;
}
#category li,#dates li{
    font-size:18px;
    line-height: 28px;
    color:#69665d;
    float:left;
    margin-left: 74px;
}
#category li:first-child,#dates li:first-child{
    width:150px;
    font-size:20px;
    margin-left: 0;
}
#category li:first-child span,#dates li:first-child span{
    font-size: 18px;
    margin-left:18px;
    border-left: 2px solid #72706D;
}
#jArticle .lineS{
    width:85%;
    margin-top:70px;
    border-bottom: 1px solid #72706D;
}
.jDetail{
    margin-top:30px;
}
 ul.jDetail li{
    font-size:20px;
    color:#69665d;
    margin-top:10px;
}
.titles{
    font-size: 18px;
}
.titles span{
    margin-left: 204px;
    font-weight:lighter;
}
.titles span.firstd{
    margin-left: 6px;
    font-weight: normal;
}
.titles i{
    width:14px;
    height:14px;
    display:inline-block;
    background-color:#fcce5b;
    border-radius:50%;
    margin-right:6px;
}
.JShow b{
    width:0;
    height:0;
    display: inline-block;
    margin-left:12px;
    border-top:6px solid #72706D;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}

.jDtr{
    background: #cac9c6;
    margin:22px 0 22px -42px;
    padding-left:60px;
    display:none;
}
.jDtr h3,.jDtr div{
    margin-left:44px;
    margin-top:10px;
}
#jArticle .jDetail .jDtr h3{
    font-weight: normal;
}
.jDtr div{
    font-weight: lighter;
}
ul.jde li{
    width:86%;
    font-size: 18px;
}
.jDtr span{
    float:right;
    margin-right: 18px;
}
.shut{
    font-size: 16px;
}
.jDtr span b{
    width:0;
    height:0;
    display: inline-block;
    vertical-align: 4px;
    border-bottom:6px solid #72706D;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
/*********联系我们页面*********/
#address{
    width:50%;
    margin:0 56px;
    text-align:left;
}
#address h2,#address h3,#address p,#address div{
    color: #69665d;
    font-weight: normal;
    margin-top:24px;
}
#address h3{
    margin-top: 20px;
    font-size: 22px;
}
#address h3 span{
    color:blue;
}
#address h3 span a{
    text-decoration: none;
}
#address p span{
    font-size: 22px;
}
#address p span:last-child{
    font-size:22px;
}
#address h1{
    width:111%;
    padding-top:20px;
    border-bottom:1px solid #69665d;
}
#address h3 img,#address p img{
    vertical-align:-6px;
}